// base color
$main-color: #51ABBB; // 主色
$nav-bar: #3F909E; // 顶部导航背景色
$bg: #F5F5F5; // 页面背景色
$border-color: #DFE2E8; // 边框色
$table-top-bg: #F5F5F5; // 表格头部背景色
$title-bg-size: 40px;
$left-menu-active-bg: #EBF4F5;//左侧菜单栏选中背景色
$male-icon-color: #029AD0;
$female-icon-color: #D00285;
$price-icon-color:#D83838;//价格颜色
$btn-red: #D23137;//红色按钮
$assist-color2:#FC833C;

// 提示文字颜色
$tip-red: #D23137;
$tip-yellow1: #FC833C;
$tip-yellow2: #c0cc1f;
$tip-green: #07a107;

$page-x: 8px;
$page-y: 10px;

$collection-x: 16px;
$collection-y: 10px;
$collection-space-y: 10px;
$collection-space-x: 16px;

$block-x: 10px;
$block-y: 10px;
$block-space-y: 10px;
$block-space-x: 10px;

$block-img-text-x: 10px;
$block-img-img-x: 20px;
$block-img-text-y: 10px;
$block-text-text-x: 10px;
$block-text-text-y: 5px;
$border-radius-small: 5px;
$border-radius-big: 10px;

// 圆角
$border-radius-4: 4px; // 圆角大小

// font-size
$font-size-main: 14px; // 主要字体大小
$font-size-info: 12px; // 辅助类介绍字体大小
$font-size-title: 16px; // 标题大小
$nav-system-name: 18px; // 系统标题大小

// font-color
$font-color-main: #333333; // 字体颜色
$font-color-info: #A9A9A9; // 灰色字
$font-color-price: #D83838; // 价格、金钱颜色
$font-color-white: #ffffff; // 字体颜色


// 内容超过一行显示省略号
.text-line-1 {
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  display: -webkit-box;
}

// 内容超过两行显示省略号
.text-line-2 {
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
}

// 单行溢出
@mixin text-ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

// 多行溢出
@mixin text-multiple-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  text-overflow: -o-ellipsis-lastline;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

// 水平垂直居中
@mixin transform-center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
